*{
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
    color:black;
}
li{
    list-style:none;
}
body{
    font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体", Tahoma, Arial, Helvetica, STHeiti;
}
header{
    width:100%;
    height:50px;
    background:black;
    color:#fff;
    display: flex;
    justify-content: space-around;
    align-items:center;
}
aside{
    width:100%;
    ul{
        width:100%;
        margin:0 auto;
        li{
            line-height:60px;
            border-top:1px solid #ccc;
            a{
                display: block;
                width:95%;
                margin:0 auto;
                display: flex;
                justify-content: space-between;;
            }
        }
    }
    .p1{
        width:100%;
        height:10px;
        background:#eee;
    }
    #lii{
        display: flex;
        align-items:center;
        a{
            width:96px;
            margin:0;
            color:#0099E5;
        }
        p{
            margin:0 10px;
            width:25px;
            height:25px;
            line-height:25px;
            border-radius:50%;
            background:#ccc;
            text-align:center;
        }
    }
}
footer{
    width:100%;
    height:50px;
    background:rgba(0,153,229,0.8);
    color:#fff;
    display: flex;
    justify-content: space-around;
    align-items:center;
    position:fixed;
    bottom:0;
}